<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<title>Display Formatted Timestamp</title>  
<script>  
  function showFormattedTimestamp() {  
    var now = new Date();  
  
    // 获取时间的各个部分  
    var year = now.getFullYear();  
    var month = ('0' + (now.getMonth() + 1)).slice(-2); // 月份是从0开始计数的  
    var day = ('0' + now.getDate()).slice(-2);  
    var hour = ('0' + now.getHours()).slice(-2);  
    var minute = ('0' + now.getMinutes()).slice(-2);  
    var second = ('0' + now.getSeconds()).slice(-2);  
    var millisecond = ('00' + now.getMilliseconds()).slice(-3);  
  
    // 将时间格式化为 年.月.日 时:分:秒.毫秒  
    var formattedTimestamp = year + '.' + month + '.' + day + ' ' + hour + ':' + minute + ':' + second + '.' + millisecond;  
  
    // 显示格式化后的时间  
     document.getElementById('formattedTimestampDisplay').innerText = "当前时间: " + formattedTimestamp;  
  }  
  
  // 当页面加载完成后开始更新时间  
  window.onload = function() {  
    setInterval(showFormattedTimestamp, 1000); // 每秒调用一次 showFormattedTimestamp 函数  
    showFormattedTimestamp(); // 页面加载完成时立即显示一次时间  
  };  
</script>  
</head>  
<body>  
  
<h2>以特定格式显示当前时间</h2>  
<!--<button onclick="showFormattedTimestamp()">手动刷新时间</button>  可选：添加一个按钮用于手动刷新时间 -->  
<p id="formattedTimestampDisplay"></p>  
  
</body>  
</html>